<template>
  <div style="display: inline-block;">
    <el-button icon="el-icon-view" title="内容" circle type="success" @click="dialogTableVisible = true"/>
    <el-dialog :visible.sync="dialogTableVisible" title="内容">
      <el-form ref="row_data" >
        <el-form-item>
          <template>
            <div v-html="row_data.content">{{ row_data.content }}</div>
          </template>
        </el-form-item>
      </el-form>
    </el-dialog>
  </div>
</template>

<script>
import elDragDialog from '@/directive/el-dragDialog'
export default {
  name: 'DragDialogDemo',
  directives: { elDragDialog },
  props: {
    row_data: {
      type: Object,
      default: function() {
        return null
      }
    },
    role_list: {
      type: Array,
      default: function() {
        return null
      }
    }
  },
  data() {
    return {
      roleIds: [],
      dialogTableVisible: false,
      shop: null,
      roles: []
    }
  },
  method: {
    close() {
      this.dialogTableVisible = false
    }
  }
}
</script>
